<!DOCTYPE html>
<html>
    <head>
        <title>blog {% block title%}个人博客-静心之地{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- 新 Bootstrap 核心 CSS 文件 -->
        <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script type="text/javascript" src="/static/jquery-3.6.0.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script type="text/javascript" src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
    </head>
    <body>
<div class="container col-3"></div>
<div class="container col-6">
        <form action="/your-name/" method="post">
            {% csrf_token %}
  <div class="mb-3 row">
    <label for="{{form.id_username}}" class="col-sm-2 col-form-label">Username</label>
    <div class="col-sm-10">
      {{form.username}}
    </div>
  </div>
  <div class="mb-3 row">
    <label for="{{form.id_email}}" class="col-sm-2 col-form-label">Email</label>
    <div class="col-sm-10">
      {{form.email}}
    </div>
  </div>
  <div class="mb-3 row">
    <label for="{{form.id_password}}" class="col-sm-2 col-form-label">Password</label>
    <div class="col-sm-10">
      {{form.password}}
    </div>
  </div>
  <div class="mb-3 row">
    <label for="{{form.id_confirm_password}}" class="col-sm-2 col-form-label">*Password</label>
    <div class="col-sm-10">
      {{form.confirmpassword}}
    </div>
  </div>
  <div class="mb-3 row">
    <div class="col-sm-2">
      <input type="submit" class="btn btn-primary" id="submit">
    </div>
  </div>
  <!--<div class="mb-3 row">
    <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
    <div class="col-sm-10">
      <input type="password" class="form-control" id="inputPassword">
    </div>
  </div>-->
  </form>
</div>
<div class="container col-3"></div>
    </body>
</html>